<html lang="en" xmlns:th="http://www.thymeleaf.org">

<nav class="pagination" th:fragment="commpage" style="text-align: center">
    <input type="hidden" id="pagetatol" th:value="${dataPage.pages}">
    <ul style="-webkit-box-shadow:0 0px 0px;">
        <li> <span>当前第 [[${dataPage.current}]]页,
                                共 [[${dataPage.pages}]] 页.
                                [[${dataPage.total}]] 条记录</span>
        </li>


        <li th:if="${dataPage.hasPrevious()}">
            <a th:src="${path}" onclick="Pages.getURL()">首页</a>
        </li>

        <li class="prev" th:if='${dataPage.hasPrevious()}'>
            <a  th:src="${path}+${dataPage.getCurrent()-1}" onclick="Pages.getURL()">
                上一页<i class="ace-icon fa fa-angle-double-left"></i>
            </a>
        </li>

        <li class="next" th:if="${dataPage.hasNext()}" >
            <a  th:src="${path}+${dataPage.getCurrent()+1}" onclick="Pages.getURL()">
                下一页<i class="ace-icon fa fa-angle-double-right"></i>
            </a>
        </li>

        <li th:if="${dataPage.hasNext()}">
            <a  th:src="${path}+${dataPage.pages}" onclick="Pages.getURL()">尾页</a>
        </li>
        <li th:if="${dataPage.pages >1 }">
            <span style="padding: 0px;border: none;">
                <input type="text" id="jumpPage" class="form-control" placeholder="跳转至...页" style="width: 70px;">
            </span>
            <span class="input-group-btn">
                <a class="btn-default" type="button" style="margin-top: -10px;"
                   th:src="${path}" onclick="Pages.getURL()">Go!</a>
                </span>
        </li>
    </ul>

</nav>
